<template>
    <div class="dy_master">
        <div class="dy_me_info">
            <!-- <div class="me_info_mask" :style="{backgroundImage: 'url(' + img + ')'}"> -->
            <div class="me_info_mask">
                <img src="../../assets/img/lufei.png" alt="">
            </div>
            <div class="me_info_content">
                <div class="me_info_head">
                    <div class="me_info_avatar">
                        <img src="../../assets/img/lufei.png" alt="">
                    </div>
                    <div class="me_info_btnGroup">
                        <button class="btn_transparent">我的收藏</button>
                        <button class="btn_transparent">
                            <i class="fa fa-user-o fa-1x"></i>
                        </button>
                        <button class="btn_transparent">
                            <i class="fa fa-ellipsis-h fa-1x"></i>
                        </button>
                    </div>
                </div>
                <div class="me_info_mid tl">
                    <h2>挽风听雨</h2>
                    <h3>抖音号：250263282</h3>
                </div>
                <div class="me_info_foot tl">
                    <p>本宝宝还没有想好用什么签名....</p>
                    <ul>
                        <li>19岁</li>
                        <li>浙江 杭州</li>
                        <li>摩羯座</li>
                    </ul>
                    <h3>
                        <label class="mr_10">128获赞</label>
                        <label class="mr_10">56关注</label>
                        <label>32粉丝</label>
                    </h3>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: 'index_me',
    data(){
        return {
            img: require('@/assets/img/lufei.png')
        }
    },
    methods: {
        getUserInfo(){
            this.$store.dispatch('ajax_server', {
                mock: true,
                url: '/users/getUserList',
                params: {}
            }).then(res => {
                console.log(res.data)
            }).catch(res => {
                console.log(123234)
            })
        }
    },
    mounted(){
        this.getUserInfo();
    }
}
</script>
